<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/flexible_css.js"></script>
    <script src="../js/flexible.js"></script>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/link.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=IztG20Co7Yi3jnF5IInukAV2GhOMqU70"></script>
</head>

<body>
    <!-- 导航logo -->
    <header>
        <div class="logo"></div>
        <div class="menu"></div>
    </header>
    <div class="banner"></div>
    <!-- 联系方式详情 -->
    <div class="link_detail">
        <h3>杭州银湖激光科技有限公司</h3>
        <div class="box">
            <div class="box1">
                <span class="address"></span>
                <p>地址:浙江省杭州市富阳区银湖街道富闲路9号银湖科创园</p>
            </div>
            <div class="box1">
                <span class="tel"></span>
                <p>电话:0571-63526916</p>
            </div>
            <div class="box1">
                <span class="fax"></span>
                <p>传真:0571-63526916</p>
            </div>
            <div class="box1">
                <span class="email"></span>
                <p>邮箱:xazhang@yinhulaser.com</p>
            </div>
            <div class="box1">
                <span class="site"></span>
                <p>网址:www.yinhulaser.com</p>
            </div>
            <div class="box1">
                <span class="wechat"></span>
                <p>微信公众号:杭州银湖激光科技有限公司（微信号:hzyhjg-）</p>
            </div>
        </div>
    </div>
    <!-- 地图 -->
    <div id="map"></div>
    <!-- 在线留言 -->
    <div class="leave_message">
        <h4 class="title">在线留言</h4>
        <p>ONLINE MESSAGE</p>
        <form action="" method="post">
            <label for="name">姓名</label>
            <input type="text" id="name" name="name1">
            <label for="email">电子邮箱</label>
            <input type="text" id="email" name="email">
            <label for="tel">电话</label>
            <input type="text" id="tel" name="tel">
            <label for="advice">需求或建议</label>
            <textarea name="advice" id="advice" resize="none"></textarea>
            <button type="submit">提交</button>
        </form>
    </div>
    <div class="footer">
        <div class="navigate">
            <a href="./about.html">
                <div class="navigate1">
                    <p>关于我们</p>
                    <span class="arrow_right"></span>
                </div>
            </a>
            <a href="javascript:;">
                <div class="navigate1">
                    <p>产品中心</p>
                    <span class="arrow_right"></span>
                </div>
            </a>
            <a href="javascript:;">
                <div class="navigate1">
                    <p>新闻咨询</p>
                    <span class="arrow_right"></span>
                </div>
            </a>
            <a href="./link.html">
                <div class="navigate1">
                    <p>联系我们</p>
                    <span class="arrow_right"></span>
                </div>
            </a>
        </div>
        <div class="copyright">
            <p>Copyright 2014-2018 杭州银湖激光科技有限公司</p>
            <p>All rights reserved</p>
        </div>
    </div>
</body>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        // addMapControl();//向地图添加控件
        addMapOverlay();//向地图添加覆盖物
    }
    function createMap() {
        map = new BMap.Map("map");
        map.centerAndZoom(new BMap.Point(119.989775, 30.138892), 15);
    }
    function setMapEvent() {
        map.enableScrollWheelZoom();
        map.enableKeyboard();
        map.enableDragging();
        map.enableDoubleClickZoom()
    }
    function addClickHandler(target, window) {
        target.addEventListener("click", function () {
            target.openInfoWindow(window);
        });
    }
    function addMapOverlay() {
        var markers = [
            { content: "我的备注", title: "银湖科创园", imageOffset: { width: 0, height: 3 }, position: { lat: 30.141453, lng: 119.986541 } }
        ];
        for (var index = 0; index < markers.length; index++) {
            var point = new BMap.Point(markers[index].position.lng, markers[index].position.lat);
            var marker = new BMap.Marker(point, {
                icon: new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png", new BMap.Size(20, 25), {
                    imageOffset: new BMap.Size(markers[index].imageOffset.width, markers[index].imageOffset.height)
                })
            });
            var label = new BMap.Label(markers[index].title, { offset: new BMap.Size(25, 5) });
            var opts = {
                width: 200,
                title: markers[index].title,
                enableMessage: false
            };
            var infoWindow = new BMap.InfoWindow(markers[index].content, opts);
            marker.setLabel(label);
            addClickHandler(marker, infoWindow);
            map.addOverlay(marker);
        };
    }
    //向地图添加控件
   /*  function addMapControl() {
        var scaleControl = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
        scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
        map.addControl(scaleControl);
        var navControl = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
        map.addControl(navControl);
        var overviewControl = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: true });
        map.addControl(overviewControl);
    } */
    var map;
    initMap();
</script>

</html>